/* Efect Berforeunload */
#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9999;
  background:dodgerblue url(http://3.bp.blogspot.com/-tzYpmrIlyEA/UUulST7g5WI/AAAAAAAABqs/GC5WETbgXCc/s1600/loading-dip.gif) no-repeat 50% 19%;
  font:0/0 a;
  text-shadow:none;
  padding:1em 1.2em;
  display:none;
}

/* Text elements */
p { margin-bottom:20px }
ul,ol { margin:0 0 1.625em 2.5em }
ul { list-style:square }
ol { list-style-type:decimal }
ol ol { list-style:upper-alpha }
ol ol ol { list-style:lower-roman }
ol ol ol ol { list-style:lower-alpha }
ul ul,ol ol,ul ol,ol ul { margin-bottom:0 }
dl { margin:0 1.625em }
dt { font-weight:bold }
dd { margin-bottom:1.625em }
strong { font-weight:bold }
cite,em,i { font-style:italic }
  blockquote { position:relative; overflow:auto; background-color:#153756; color:#fff;  line-height:1.3em; font:12px &quot;Courier 10 Pitch&quot;,Courier,monospace; margin-top:10px; margin-bottom:5px; padding:5px; border-left:4px solid #860000; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }

/* Links */
a{color:#346FC9; text-decoration:none; -o-transition:0.6s linear; -ms-transition:0.6s linear; -moz-transition:0.6s linear; -webkittransition:0.6s linear; transition:all .4s ease-out;}
a:focus,a:active,a:hover { transition-duration:0s; text-decoration:none }

/* Table css */
table[border=&quot;1&quot;] { border-collapse:collapse; color:#333 }
table[border=&quot;1&quot;] tr { background-color:#F0F0F0 }
table[border=&quot;1&quot;] th,table[border=&quot;1&quot;] td { vertical-align:top; padding:5px 10px; border:2px solid #fff }
table[border=&quot;1&quot;] tr:nth-child(even) { background-color:#DEDEDE }
table[border=&quot;1&quot;] th { background-color:#AD3000; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; color:#fff; font-weight:bold }

  /* ribbon */
#mdf-top-ribbon {
position: absolute;
top: 0;
right: 10px;
z-index: 1000;
width: 110px;
background-color: #303030;
color: #fff;
font: normal normal 11px Verdana,Arial,Sans-Serif;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-moz-transition: left .15s linear;
-webkit-transition: left .15s linear;
transition: left .15s linear;
border: 1px solid #444;
border-color: #444 #222 #222 #444;
padding: 5px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.7);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.7);
box-shadow: 0 1px 1px rgba(0,0,0,.7);
}
#mdf-top-ribbon:after {
content: &quot; &quot;;
display: block;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
border: 15px solid transparent;
border-top-color: #303030;
}
#mdf-top-ribbon .img-container {
width: 100%;
height: 70px;
border: 2px solid #3c3c3c;
background: transparent;
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.4);
-moz-box-shadow: inset 0 0 2px rgba(0,0,0,.4);
box-shadow: inset 0 0 2px rgba(0,0,0,.4);
display: block;
margin: 0 auto;
margin-bottom: 4px;
padding: 1px;
}
#mdf-level {
width: 100%;
display: block;
margin: 0 0 0 auto;
}
#mdf-level li {
display: block;
margin: 0 0 2px;
list-style: none;
}
#mdf-level li a {
display: block;
background-color: #3c3c3c;
color: #fff;
font: normal normal 9px Arial,Sans-Serif;
text-transform: uppercase;
position: relative;
transition: all .26s ease-out;
padding: 6px 10px;
}
#mdf-level li a:before {
content: &quot;&quot;;
width: 0;
height: 0;
position: absolute;
right: 0;
top: 0;
display: block;
border: 11px solid transparent;
border-right-color: #333;
}
#mdf-top-ribbon .img-container img {
width: 100%;
display: block;
background-color: #3c3c3c;
padding: 0;
}
/* level rb */
#mdf-level { width:100%; display:block; margin:0 0 0 auto }
#mdf-level li { display:block; margin:0 0 2px; list-style:none }
#mdf-level li a { display:block; background-color:#3c3c3c; color:#fff; font:normal normal 9px Arial,Sans-Serif; text-transform:uppercase; position:relative; transition:all .26s ease-out; padding:6px 10px }
#mdf-level li a:before { content:&quot;&quot;; width:0; height:0; position:absolute; right:0; top:0; display:block; border:11px solid transparent; border-right-color:#333 }
#mdf-level li a:hover { transition-duration:0s; color:white; text-decoration:none; padding:6px 0 6px 15px }
#mdf-level li.x1 a:hover { background-color:#BA55D3 }
#mdf-level li.x2 a:hover { background-color:#2FBC00 }
#mdf-level li.x3 a:hover { background-color:#0070b0 }
#mdf-level li.x4 a:hover { background-color:#AD3000 }
#mdf-level li.x5 a:hover { background-color:darkgreen }
#mdf-level li.x6 a:hover { background-color:darkblue }
#mdf-level li.x7 a:hover { background-color:#BA55D3 }
#mdf-level li.x8 a:hover { background-color:#2FBC00 }
#mdf-level li.x9 a:hover { background-color:#BA55D3 }
#mdf-level li.x10 a:hover { background-color:#2FBC00 }  
#mdf-level li.current a { border-left:2px solid #39f }

/* Header */
#header-wrapper { background-color:#333; border-top:2px solid #333; border-left:2px solid #333; border-right:2px solid #333; color:white; position:relative; width:100%; margin:0 auto; padding:10px 10px 30px; -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333 }
#headtitle { display:inline-block; text-align:center; margin-bottom:10px; width:100%; float:left }
#isihead { overflow:hidden }
#header h1 { font-size:30px; line-height:1.2em; text-align:center; text-transform:uppercase; font-family:Tw Cen MT Condensed }
#header a { color:#fff; text-decoration:none; text-align:center }
#header a:hover { color:yellow }
#header .description { font-weight:bold; margin:0; padding:0; text-transform:capitalize; line-height:1.4em; text-align:center; font-family:Tw Cen MT Condensed }
#header img { margin-left:auto; margin-right:auto }
.titlewrapper p.title { font-size:200% }
#headerBottom{width:100%; min-height:69px; padding-top:24px; background-color:#36739e }
#headerBottom-inner { width:977px; margin:0 auto }
.clearfix { clear:both; height:0; line-height:0 }

/* Navigation */
#navmobi,#navmobitop { display:none }
#nav { position: relative;
background-color: #0070b0;
width: 100%;
font-weight: normal;
height: 44px;
margin: 0 auto;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
z-index: 100;
}
#nav {
border-bottom: 5px solid rgb(247, 29, 169);
ltransition-duration: 2s;
}
ul#navinti { height:42px; float:left; margin:0; padding:0 }
#navinti li { list-style:none; display:inline-block; float:left; position:relative; margin:0; padding:0 }
#navinti li a { display:block; line-height:42px; text-decoration:none; color:white; -moz-text-shadow:2px 0 0 #333; -webkit-text-shadow:2px 0 0 #333; text-shadow:2px 0 0 #333; padding:0 15px }
#navinti li:hover &gt; a { background-color:rgb(247, 29, 169) }
#navinti li a.active { background-color:#000; color:#fff }
ul#navinti .sub-menu { position:absolute; padding:0; width:250px; z-index:9999; margin:0; background-color:#666; box-shadow:0 0 30px rgba(0,0,0,.35); -moz-box-shadow:0 0 30px rgba(0,0,0,.35); -webkit-box-shadow:0 0 30px rgba(0,0,0,.35); top:100%; left:0; display:none; -moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none }
ul#navinti .sub-sub-menu { display:none; padding:0; margin:0; width:170px; position:absolute; left:100%; z-index:9999; box-shadow:0 0 30px rgba(0,0,0,.35); -moz-box-shadow:0 0 30px rgba(0,0,0,.35); -webkit-box-shadow:0 0 30px rgba(0,0,0,.35); top:0; background-color:#333; -moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none }
ul#navinti li:last-child .sub-sub-menu { left:auto; right:100%; text-align:left }
ul#navinti li:last-child .sub-menu { right:0; left:auto; text-align:right }
ul#navinti .sub-menu a { line-height:32px; color:#fff; font-weight:normal; background-color:#666; -moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none }
ul#navinti .sub-menu li:hover &gt; a { background-color:#333; color:#fff; -moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none }
ul#navinti li:last-child .sub-menu a:hover,ul#navinti li:last-child .sub-menu li:hover &gt; a { border-left:0 }
ul#navinti .sub-menu li { float:none; display:block }
ul#navinti ul.hidden { display:none }
ul#navinti li:hover .sub-menu.hidden,ul#navinti .sub-menu li:hover .sub-sub-menu.hidden { display:block }
#navinti li.dgnsub &gt; a { padding-right:22px }
#navinti li.dgnsub &gt; a::after,#navinti li.dgnssub &gt; a::after { content:&quot; &quot; ; width:0; height:0; border-width:5px 3px; border-style:solid; border-color:white transparent transparent transparent; position:absolute; top:20px; right:8px }
#navinti li.dgnssub &gt; a::after { border-color:transparent transparent transparent #303030; border-width:5px 4px; top:50%; margin-top:-5px; right:2px }
#navinti li:last-child li.dgnssub &gt; a::after { border-color:transparent #303030 transparent transparent; right:auto; left:2px }
#nav .navhome {
height: 55px;
margin: -11px 0 0 10px;
text-indent: -9999px;
width: 55px;
background-color: rgb(247, 29, 169);
background-image: url(&#39;http://4.bp.blogspot.com/-BPpsKK84W2w/UJV6sFxkqDI/AAAAAAAAGgc/3TwsYkMwxsE/s1600/home+(1).png&#39;);
background-repeat: no-repeat;
background-position: 50% 9px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

/* main page */
#text-body { line-height:1.3em; font-weight:lighter; clear:both }
#text-body h1 { font-size:20px; font-weight:normal; margin:0; padding:0; border:none; line-height:1.3em; }
#text-body h2 { font-size:18px; line-height:1.3em; }
#text-body h3 { font-size:16px; font-weight:normal; line-height:1.3em; }
#text-body h4 { font-size:14px; line-height:1.3em; }
#text-body h5 { font-size:12px; line-height:1.3em; }
#text-body h6 { font-size:10px; line-height:1.3em; }
#text-body ul { list-style:circle; margin-left:20px; padding:0; color:#2A0037 }
#text-body li { list-style:circle; margin-left:5px; padding:0; color:#2A0037 }

/* copyright and social network */  
#kredit-link { background-color: #333;
font-family: Segoe UI;
color: #fff;
text-align: center;
height: auto;
overflow: hidden;
font-size: 14px;
padding: 10px 10px 10px;
margin: 0;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#kredit-link a { color:#03a1d5 }
#kredit-link a:hover { color:yellow }
  #kredit-link .right { float:right; text-align:right; overflow:hidden; }
#kredit-link .left { float:left; text-align:left; overflow:hidden }
  
#bottom-social { background-color:transparent; margin:0 auto; margin-top:-5px; text-align:center; padding:5px; width:100% }
a.soicon { color:#fff; margin-right:3px; display:inline-block; height:24px; line-height:24px; padding-left:22px; background-image:url(http://4.bp.blogspot.com/-xle7tRvibpc/UIecojbG6kI/AAAAAAAACw0/lvzIR05C3tI/s1600/socialicons.png); background-position:0 -6px; background-repeat:no-repeat; -webkit-transition:color .4s ease-in-out; -moz-transition:color .4s ease-in-out; -o-transition:color .4s ease-in-out; -ms-transition:color .4s ease-in-out; transition:color .4s ease-in-out }
a.soicon:hover { color:#fdd700 }
a.facebookx { background-position:0 -6px }
a.facebookx:hover { background-position:0 -150px }
a.twitterx { background-position:0 -79px }
a.twitterx:hover { background-position:0 -223px }
a.googlex { background-position:0 -43px }
a.googlex:hover { background-position:0 -187px }
a.rssx { background-position:0 -115px }
a.rssx:hover { background-position:0 -259px }
.nibbler-badge { position:absolute; padding-left:3px; margin:0 auto }

/* css button back to top */
#backtop{cursor: pointer;
position: fixed!important;
position: absolute;
left: 50%;
bottom: -70px;
z-index: 999;
background-color: #2FBC00;
border: 1px solid #333;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;
width: 35px;
height: 50px;
overflow: hidden;
text-indent: -999px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


/* css load more posts and blog-pager */
#blog-pager { margin-bottom:5px; margin-top:0 }
#blog-pager-newer-link { -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); background-color:#ddd; padding:5px 10px; color:#333; text-shadow:1px 1px 0 #E0E0E0; border-left:5px solid #666; border-right:5px solid #666; display:none }
  #blog-pager-older-link { -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); background-color:#ddd; padding:5px 10px; color:#333; text-shadow:1px 1px 0 #E0E0E0; margin:0 0 5px }
#blog-pager { text-align:center }
.feed-links { display:none }
#backtop::after{content:&quot;&quot;;position:absolute;top:7px;left:10px;width:0;height:0;border-width:10px 7px;border-style:solid;border-color:transparent transparent white transparent;}
  
/* css quick search */
#search-form-feed { padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:150px; float:right; margin-top:7px; position:relative; margin-right:7px }
#feed-q-input { display:block; width:100%; height:28px; border:1px solid #2B2B2B; color:#838383; margin:0; font-size:10px; padding-left:10px; -moz-border-radius:2px; -webkit-border-radius:2px; float:left; background-color:white }
#feed-q-input:focus { color:#333; outline:none; -webkit-box-shadow:0 0 5px #153E95,0 0 7px #153E95; -moz-box-shadow:0 0 5px #153E95,0 0 7px #153E95; box-shadow:0 0 5px #153E95,0 0 7px #153E95 }
#search-result-container { width:300px; overflow:auto; position:absolute; z-index:9999; padding:10px; right:0; margin:0; top:42px; display:none; font-size:11px; background-color:white; text-transform:none; -moz-box-shadow:inset 0 0 7px #d6d6d6; -webkit-box-shadow:inset 0 0 7px #d6d6d6; box-shadow:inset 0 0 7px #d6d6d6; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #ccc }
#search-result-container li { margin:0 0 5px; padding:0; list-style:none; word-wrap:break-word; font-size:10px; color:#141414; background-color:white; text-transform:none }
#search-result-container li a { text-decoration:none; font-weight:bold; font-size:11px; display:block; line-height:14px; padding:0; font-weight:bold }
#search-result-container mark { background-color:yellow; color:black }
#search-result-container h4 { margin:0 0 10px; font:normal bold 12px; color:black }
#search-result-container ol { margin:0 0 10px; padding:0 0; overflow:auto; height:300px }
#search-result-container:hover ol { overflow:auto }
#search-result-container li img { display:block; float:left; margin:0 5px 1px 0; padding:2px; border:1px solid #D1D1D1 }
#search-result-loader { top:100%; position:absolute; z-index:999; width:100%; line-height:30px; color:#2E2E2E; padding:0 10px; background-color:white; border:1px solid #DBDBDB; margin:0; overflow:hidden; display:none; text-transform:capitalize }
#search-result-container p { margin:5px 0 }
#search-result-container .close { position:absolute; right:8px; top:8px; font-size:12px; color:white; text-decoration:none; border-radius:9999px; width:13px; height:13px; text-indent:1px; background-color:#1295C9; line-height:12px }
#search-form-feed button { background-repeat:repeat-x; background-position:left -3px; background-color:#01B8C0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; border-top-left-radius:0; border-bottom-left-radius:0; text-indent:-9999px; width:50px; overflow:hidden; margin:0; padding:7px 10px 6px; height:26px; font-size:12px; font-family:Arial,Helvetica,sans-serif; position:relative; cursor:pointer; transition:all linear .3s; -moz-transition:all linear .3s; -webkit-transition:all linear .3s; -o-transition:all linear .3s; box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 white,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1); -webkit-box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 white,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1); -moz-box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 #FFF,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1); border:none !important; outline:none }
#search-form-feed button::before { content:&#39; &#39; ; position:absolute; width:20px; height:20px; background-image:url(http://1.bp.blogspot.com/-hTfIMjA6-gM/URp-Aoo4QcI/AAAAAAAAIaw/2evt7nA0AsY/s22/button-search.png); display:block; overflow:hidden; top:4px; left:15px }
#search-form-feed button:hover { background-color:#535353 }
 
